<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>享送小哥</title>
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/style.css" />
    <link rel="stylesheet" type="text/css" href="../css/add-style.css" />
</head>

<body>
    <header class="aui-bar aui-bar-nav aui-bar-light u-aui-bar" id="header">
        <a href="javascript:api.closeWin();" class="aui-pull-left aui-btn">
            <span class="aui-iconfont aui-icon-left"></span>
        </a>
        <div class="aui-title u-aui-title">我的订单</div>
    </header>
    <div class="aui-tab deliv-tab" id="deliv-tab">
        <div class="aui-tab-item aui-active">同城订单</div>
        <div class="aui-tab-item">跨城订单</div>
    </div>
    <!--js-->
    <script type="text/javascript" src="../script/api.js"></script>
    <script type="text/javascript" src="../script/vue.js"></script>
    <script type="text/javascript" src="../script/app.js"></script>
    <script type="text/javascript" src="../script/aui-tab.js"></script>
    <script type="text/javascript">
        apiready = function() {
            var statusBarPos = app.statusBar.pos();
            var headerPos = app.pos('header');
            var tabPos = app.pos('deliv-tab');

            api.openFrameGroup({
                name: 'my_order_content_group',
                scrollEnabled: false,
                rect: {
                    x: 0,
                    y: statusBarPos.h + headerPos.h + tabPos.h,
                    w: 'auto',
                    h: 'auto'
                },
                index: 0,
                frames: [{
                    name: 'my_order_content',
                    url: 'my_order_content.html',
                    bounces: true
                }, {
                    name: 'my_order_content2',
                    url: 'my_order_content2.html',
                    bounces: true
                }]
            }, function(ret, err) {

            });


        }

        var tab = new auiTab({
            element: document.getElementById("deliv-tab"),
        }, function(ret) {
            api.setFrameGroupIndex({
                name: 'my_order_content_group',
                index: ret.index - 1
            });
        });
    </script>
</body>

</html>
